.clearfix{

}

code{
  background-color: #f8f8f8;
  color: #d14;
  padding: 4px 10px;
  font-size: 14px;

  &.base{
    
    font-size: 16px;
  }
}
.box-card{
  margin-bottom: 12px;
  div.section{

    
    p.header{
      font-size: 16px;
      margin: 0;
      position: relative;
     i{
       margin-right: 6px;
     } 
     button.el-button{
       position: absolute;
       right:10px;
       top:5px;
     }
    }
    .parameters{
      .param-item{
        margin-bottom: 6px;
      }
    }
    .querys{
      .query-item{
        margin-bottom: 6px;
      }
    }

    .inputs{
      display: inline-block;
      width: 40%;
    }


    .request-body{
      margin-bottom: 8px;
      .request-body-data{
        position: relative;
        padding-left: 30%;
        .textarea-wrap{
          display: inline-block;
          width:30%;
          position: absolute;
          top:0;
          bottom: 0;
          left:0;
          textarea{
            width:80%;
            height: 100%;
            font-size: 18px;
          }
          .el-textarea{
            width:80%;
            height: 100%;
          }
        }
        .examples{
          display: inline-block;
          width:38%;
          height: 100%;
        }
        .parameter-specification{
          display: inline-block;
          margin-left: 40px;
          width:38%;
          height: 100%;
        }
      }
    }
  }

}


.json-view-container{
  background-color: #fcf6db;
  .jsonview{
    .null {
      color: red;
    }
    .bool {
      color: #fde3a7;
    }
    .num {
      color: #bf55ec;
    }
    .string {
      color: #00b16a;
      white-space: pre-wrap;
    } 
    .prop {
      color: #92278f;
    }
  }
  
}
 
.css-test{
  position: relative;
  padding-left: 40%;
  .textarea-wrap{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width: 40%;
    display: inline-block;
    background-color: red;
    margin-right: 10px;
    height: 100%;
    textarea{
      width: 100%;
      height: 100%;
    }
  }
  .textarea-right{
    display: inline-block;
    width: 40%;
    background-color: green;
    .hehh{
      height: 400px;

    }
  }
}